 <!DOCTYPE html>
<html>


<!-- Mirrored from www.gzsxt.cn/theme/hplus/table_basic.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:01 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>绿地中央广场综合物业办公系统 - 基础表格</title>
    <meta name="keywords" content="绿地中央广场综合物业办公系统">
    <meta name="description" content="绿地中央广场综合物业办公系统">

    <link rel="shortcut icon" href="favicon.ico">
    	<link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    	<link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
	<style type="text/css">
		.contentTips{
			height: 30px;
		}
	</style>
</head>

<body class="gray-bg">
	<div class="wrapper wrapper-content  animated fadeInRight">
    	<div class="row noticeList">


    	</div>
	</div>
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
     <script src="js/plugins/select/bootstrap-select.min.js"></script>
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>

   <script>
	$(document).ready(function() {
		// 设置按钮的样式
		$('.selectpicker').selectpicker('setStyle', 'btn-white').selectpicker('setStyle', 'btn-sm');
		loadList();
		function loadList() {
			$.getJSON("/notice/list",function (response) {
				$(response).each(function () {
					//使用正则去掉html标签,保留纯文本
					let reg=/<\/?.+?\/?>/g;
					let $content = this.content.replace(reg,"");
					if($content.length>64){
						$content=$content.substring(0,64);
					}

					let $div=`<div class="col-sm-6">
                        <div class="ibox">
                           <div class="ibox-content">
                              <a href="show-forum.html?id=`+this.id+`" class="btn-link">
                                 <h3>`+this.title+`</h3>
                              </a>
                              <div class="small m-b-xs">
                                 <strong>`+this.employee.ename+`</strong> <span class="text-muted"><i class="fa fa-clock-o"></i>`+this.date+`</span>
                              </div>
                              <p class="contentTips">`+$content+`</p>
                           </div>
                        </div>
                       </div>`;
					$(".noticeList").append($div);
				})
			});
		}

	});
    </script>

</body>


</html>
